<template>
  <div class="hello"> 
    <router-view/>
    <BottomNavbar :navTabs="navTabs"></BottomNavbar>

  </div>
</template>

<script>
import BottomNavbar from './BottomNavbar.vue';
export default {
  name: 'HelloWorld',
  data() {
    return {
      navTabs: [
        { activeIcon: "static/nav-icon-home-active.png", icon: "static/nav-icon-home.png", title: "首页", path: "/home" },
        { activeIcon: "static/nav-icon-category-active.png", icon: "static/nav-icon-category.png", title: "商品分类", path: "/category" },
        { activeIcon: "static/nav-icon-cart-active.png", icon: "static/nav-icon-cart.png", title: "购物车", path: "/cart" },
        { activeIcon: "static/nav-icon-user-active.png", icon: "static/nav-icon-user.png", title: "个人中心", path: "/user" }
      ]
    }
  },
  components: {
    BottomNavbar,
  }

}
</script>

<style scoped></style>
